<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				width: 1280px;
				margin: 0px auto;
			}
			#con{
				width: 100%;
			}
			#top{
				width: 1280px;
				height:600px;
			}
			#list-box{
				width: 1280px;
				height: 482px;
				margin: 8px auto;
				
			}
			#h21{
				padding: 4px 0px 0px;
				color:#333333;
				font-size: 24px;
			}
			#list-box-row{
				width: 620px;
				height: 482px;
				margin: 0px 0px 0px 20px;
				float: left;
				background-color: white;
			}
			#list-box-row-top{
				height: 358px;
				width: 620px;
				overflow: hidden;
			}
			#list-box-row-bottom{
				width: 620px;
			}
			#h3t{
				font-size: 24px;
				margin: 38px 0px 0px 48px;
				color: rgb(51,51,51,0.9);
			}
			#p{
				margin: 3px 0px 0px 48px;
				font-size: 14px;
				color: rgb(51,51,51,0.7);
			}
			span{
				color:#ff6700;
				float: right;
				margin-right: 20px;
				font-size: 12px;
			}
			b{
				font-size: 30px;
				
			}
			img{
				cursor:pointer;
			}
			#list-box-row-top img{
				transition: all 1s;
			}
			#list-box-row-top img:hover{
				transform: scale(1.05);
			}
		</style>
	</head>
	<body onload="showimg()">
		<div id="con">
			<div id="top"><img src="img/one1.jpg" width="100%" height="100%" id="imgg"/></div>
			<h2 id="h21">明星产品</h2>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one2.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi Note 10 Pro</h3>
						<p id="p">天玑1100年度旗舰芯、VC液冷散热
							<span><b>1699</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one3.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi Note 10 5G</h3>
						<p id="p">5g小金刚，旗舰长续航
							<span><b>1099</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one4.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米11 Ultra</h3>
						<p id="p">1/1.12''GN2｜2K四微曲屏
							<span><b>5499</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one5.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米11 Pro</h3>
						<p id="p">1/1.12''GN2｜骁龙888 
							<span><b>4499</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one6.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米11 青春版</h3>
						<p id="p">小米11 青春版 轻薄 
							<span><b>2099</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one7.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米11</h3>
						<p id="p">骁龙888 | 2K四曲面屏 
							<span><b>3799</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one8.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi K40</h3>
						<p id="p">骁龙870，新一代 E4 AMOLED旗舰直屏 
							<span><b>1999</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one9.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi K40 Pro 系列</h3>
						<p id="p">骁龙888 / E4 旗舰直屏 
							<span><b>2799</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one10.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Note 9 Pro 5G</h3>
						<p id="p">一亿像素夜景相机，120Hz六档变速高刷屏  
							<span><b>1399</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one11.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Note 9 5G</h3>
						<p id="p">天玑 800U处理器，5000mAh电池， 
							<span><b>1199</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one12.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Note 9 4G</h3>
						<p id="p">6000mAh长续航 
							<span><b>899</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one13.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi 9A</h3>
						<p id="p">6.53"大屏幕 5000mAh大电量 
							<span><b>499</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one14.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">黑鲨4 Pro</h3>
						<p id="p">黑鲨4 Pro   
							<span><b>3399</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one15.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">黑鲨4</h3>
						<p id="p">磁动力升降肩键 
							<span><b>2499</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one16.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">腾讯黑鲨游戏手机3S</h3>
						<p id="p">骁龙865处理器，120Hz刷新率 
							<span><b>3999</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one17.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi K30S 至尊纪念版</h3>
						<p id="p">144Hz[7档]变速高刷屏  
							<span><b>2299</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one18.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi 10X 5G</h3>
						<p id="p">双5G待机，天玑820处理器 
							<span><b>1899</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one19.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi 10X 4G</h3>
						<p id="p">5020mAh超长续航，128GB大内存   
							<span><b>999</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one20.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">小米10 青春版 5G</h3>
						<p id="p">50倍潜望式变焦 / 轻薄5G手机  
							<span><b>1899</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one21.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Note 8 Pro</h3>
						<p id="p">6400万全场景四摄 
							<span><b>1499</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one22.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi Note 8</h3>
						<p id="p">5千元4800万四摄  
							<span><b>899</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one23.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi 9</h3>
						<p id="p">6.53"水滴大屏 | 5020mAh超长续航  
							<span><b>799</b>元起</span></p>
					</div>
				</div>
			</div>
			<div id="list-box">
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one24.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi 8A</h3>
						<p id="p">5000mAh 充电宝级大电量  
							<span><b>699</b>元起</span></p>
					</div>
				</div>
				<div id="list-box-row">
					<div id="list-box-row-top">
						<img src="img/one25.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-row-bottom">
						<h3 id="h3t">Redmi K30 5G</h3>
						<p id="p">双模5G，120Hz流速屏 
							<span><b>1399</b>元起</span></p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
